// 切换两个盒子
// 方法一:
// 点击登录盒子开始
// $('.login a').on('click', function () {
//     $('.login').hide().next().show()

// })

// // 点击注册盒子里面的a
// $('.register').on('click', function () {
//     $('.login').show().next().hide()
// })

// 方法二
$('.box a').on('click', function () {
    $(this).parents('.box').hide().siblings('.box').show()
})

// 方法三
// --------------------- 切换登录和注册的盒子 --------------------
// $('.login a').click(function () {
//     $('.register').show();
// });

// $('.register a').click(function () {
//     $('.register').hide();
// });

// ------------------------统一处理提示----------------------
let layer = layui.layer

// -------------注册功能----------
// 表单提交事件-->阻止默认行为-->收集数据-->Ajax提交
$('.register form').on('submit', function (e) {
    e.preventDefault()
    // 收集表单数据,要检查name属性值,是否和接口要求一致
    let data = $(this).serialize()
    console.log(data);
    $.ajax({
        type: 'POST',
        url: '/api/reguser',
        data: data,
        success: function (res) {
            console.log(res);
            // 无论成功还是失败都提示一下
            // if (res.status === 0) {
            //     alert(res.message)
            // }

            layer.msg(res.message)

            // 1.如果成功(清空输入框,切换到登录)
            if (res.status === 0) {
                $('.register form')[0].reset()
                $('.login').show().siblings('.box').hide()
            }
        }
    })
})

// ----自定义验证规则
let form = layui.form
// 2.调用form.verify()方法扩展验证规则
form.verify({
    // 1.数组写法
    user: [/^\w{2,10}$/, '用户名必须是2-10位'],
    pass: [/^\S{6,12}$/, '密码必须是6-12位'],
    same: function (abc) {
        if ($('.pwd').val() !== abc) {
            return '两次密码不一致'
        }
    }
})

// 做登录界面跳转
$('.login form').on('submit', function (e) {
    e.preventDefault()
    $.ajax({
        type: 'POST',
        url: '/api/login',
        data: $(this).serialize(),
        success: function (res) {
            console.log(res);
            // alert(res.message)
            // if (res.status === 0) {
            //     location.href = './index.html'
            // }

            if (res.status === 0) {
                layer.msg(res.message, {
                    time: 2000 //2秒关闭(日过不配置,默认是3秒)
                }, function () {
                    // 存储服务器返回的token
                    localStorage.setItem('token', res.token)
                    location.href = './index.html'
                })
            } else if (res.status === 1) {
                layer.msg(res.message, {
                    time: 2000 //2秒关闭(日过不配置,默认是3秒)
                }, function () {})
            }
        }
    })
})